<template>
  <div>
    <el-row>
      <el-col :span="12">
        <div style="width: 100%;height: 300px;background-color: dodgerblue"></div>
      </el-col>
      <el-col :span="6">
        <div style="width: 100%;height: 300px;background-color: red"></div>
      </el-col>
    </el-row>
    <el-row style="margin-top: 20px">
      <el-col>
        <el-input style="width: 200px" v-model="value" placeholder="请输入密码"></el-input>
        <el-input style="width: 200px" v-model="value" placeholder="请输入密码" show-password></el-input>
        <el-input clearable style="width: 200px" v-model="value" placeholder="请输入密码" show-password></el-input>
      </el-col>
    </el-row>
    <el-row style="margin: 20px 0">
<!--      <el-autocomplete style="width: 300px" v-model="value2" placeholder="请输入内容，我来帮你猜一猜" :fetch-suggestions="querySearch" :trigger-on-focus="false"></el-autocomplete>-->
    </el-row>
  </div>
</template>
<script lang="ts">

export default {
  name:"Element",
  data(){
    return{
      value:"",
      value2:'',
      // coffees:{value}
    }
  },
  methods:{
    querySearch(query){
      // re't'
      console.log(query)
    }
  }
}
</script>